.special-course-all {

  // 禁止选取文字
  user-select: none;

  margin: 50px 0;

  h3 {
    // 去除h3标签默认的上下margin
    margin-block-start: 0;
    margin-block-end: 0;

    height: 36px;
    line-height: 36px;
    font-size: 24px;
    font-weight: 500;
  }

  .options-lesson {
    .el-row {
      .el-col {
        margin: 8px 0;
        font-size: 12px;

        &:last-child {
          div {

            span {
              // 右对齐
              float: right;
            }
          }

        }

        div {


          span {

            padding: 0px 24px 0px 0;
            cursor: pointer;

            &:hover {
              cursor: pointer;
            }

          }
        }
      }
    }
  }

  // .good-course-body {
  //   flex: 4;

  //   // margin-left: 20px;
  //   // display: flex;
  //   // flex-flow: row;



  //   .el-row {
  //     // ------------------flex布局,让flex布局能够自动换行
  //     flex-flow: row;
  //     flex-wrap: wrap;
  //     justify-content: space-between;
  //     // ------------------flex布局,让flex布局能够自动换行--结束
  //     height: fit-content;
  //     margin: 0 !important;
  //     // margin: 0;
  //     // margin-bottom: 2% !important;
  //     // margin: 0 0 2% 0 !important;

  //     &:last-child {
  //       // margin-bottom: 0 !important;
  //     }

  //     .el-col {
  //       flex: 1;
  //       // -----------------若想让flex布局能够自动换行，则必须固定width，若设置max-width则当布局盒子总宽度小于该值时，则width会压缩失真
  //       width: 229px;
  //       max-width: 229px;
  //       min-width: 229px;
  //       // --------------------j结束
  //       // height: 200px;
  //       border-radius: 4px;
  //       padding: 0 !important;
  //       // padding: 0;
  //       margin: 0 0 20px 0;
  //       background-color: #fff;

  //       &:hover {
  //         box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);

  //       }

  //       .grid-content {
  //         display: block;
  //         border-radius: 4px;
  //         height: fit-content;


  //         text-decoration: none;
  //         text-align: start;
  //         font-size: 14px;

  //         img {
  //           width: 100%;
  //         }

  //         .lesson-bottom {

  //           height: 140px;

  //           .lesson-name {
  //             padding: 6px 12px 6px 12px;
  //             overflow: hidden;

  //             span {
  //               overflow: hidden;
  //               white-space: nowrap;
  //               text-overflow: ellipsis;
  //             }
  //           }
  //         }

  //         .lesson-info {
  //           padding: 6px 12px 6px 12px;
  //           font-size: 12px;

  //           span {
  //             text-align: start;

  //             &:last-child {
  //               margin-left: 53%;
  //             }
  //           }
  //         }
  //       }
  //     }


  //   }
  // }

  .options-lesson-pages {

    // -------------------让分页水平居中对齐
    display: table;
    margin: 0 auto;

    padding: 30px 0 112px;

    .el-pagination {
      // 适合内容
      width: fit-content;

    }
  }
}